<!DOCTYPE>
<html ng-app="chatApp">
	<head>

		<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.5/angular.min.js"></script>

	</head>
	<body>
		<h1>ChatApp</h1>
		<h3>The ultimate experience in online chatting</h3>

		<div ng-controller="chatRoomController" style="border:solid; width:15%;float:left">
			<ul ng-repeat="room in rooms">
				<li>{{room.title}}</li>
			</ul>
		</div>
		<div style="border:solid; width:50%; margin-left:17%"><h2>Chat gluggi</h2></div>
		<div style="border:solid; width:15%; float:right"><h2>Chatters gluggi</h2></div>

		

		<script src="http://localhost:4567/nowjs/now.js"></script>
		<script src="chatRoomController.js"></script>
		<!--<script src="ChatModel.js"></script>
		<script src="ChatterModel.js"></script>-->
	</body>
</html>